<html>
    <head>
        <title>钩子函数</title>
    </head>
    <body>
        <script>
             // 二、钩子函数
                            /*
                                一个指令定义对象可以提供如下几个钩子函数(均为可选)：
                                    1.bind:      只调用一次，指令第一次绑定到元素时被调用。在这里可以进行一次性的初始化设置。

                                    2.inserted:  被绑定元素插入父节点时调用(仅保证父节点存在，但不一定已经被插入文档中)

                                    3.update:    所在组件的VNode(虚拟节点)更新时调用，"但是可能发生在其子VNode更新之前"。指令的值可能发生了改变，也可能没有。
                                                 但是你可以通过比较更新前后的值来忽略不必要的模板更新(详细的钩子函数参数参见下)
                                                 (我们会在稍后讨论渲染函数时介绍更多VNodes的细节)

                                    4.componentUpdated:  指令在组件的VNode及其子VNode全部更新后调用。

                                    5.unbind:    值调用一次，指令与元素解绑时调用。
                            */

                            //  接下来我们来看一下钩子函数的参数： (即为 el,binding、vnode、oldVnode)
        </script>
    </body>
</html>